<template>
  <div class="model-container">
    <div style="margin-bottom: 10px;">
      <el-button type="primary" size="mini" icon="el-icon-plus">添加车辆</el-button>
    </div>
    <el-table :data="list" border>
      <el-table-column label="ID" prop="id" align="center" width="80" />
      <el-table-column label="车辆型号" prop="typeText" />
      <el-table-column label="车辆核载" prop="nuclearLoad" />
      <el-table-column label="已装载量" prop="lreadyLoad" />
      <el-table-column label="管理" width="100" align="center">
        <template v-slot:default="scope">
          <el-button type="warning" size="mini" icon="el-icon-edit">修改</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'Vehicle',
  props: {},
  data() {
    return {
      list: [
        {
          id: 1,
          type: 1,
          typeText: '大卡车',
          nuclearLoad: '10t',
          lreadyLoad: '9t'
        }
      ]
    }
  },
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style lang="scss" scoped>

</style>
